<template>
	<view class="fenxiaoInfo">
		<view class="title">
			个人中心
		</view>
		
		<view class="infoMoney">
			<view class="infoMoney_title">
				我的余额
			</view>
			
			<view class="infoMoney_center">
				<view class="money">
					{{info.balance}}
				</view>
				<view class="text" @click="goTixian">
					<span style="padding-right: 10rpx;">提现 </span>
					<img  src="../../static/fenxiaoImg/right_white.png" style="width: 13rpx; height: 24rpx"></img>
				</view>
			</view>
			
			<view class="infoMoney_last">
				<span style="padding-right: 30rpx;">已提现金额</span>{{info.withdrawal}}
			</view>
		</view>
		
		<view class="orderdetailview">
			订单明细
		</view>
		
		<view class="orderlistview">
			<view class="orderlistItem" v-for="i in listArr">
				<view class="orderlistItemflex">
					<view class="orderlistItem_title">
						{{i.proName}}
					</view>
					<view class="orderlistItem_money">
						+{{i.salePrice}}
					</view>
				</view>
				
				<view class="orderlistItemflex2">
					<view class="orderlistItem_name">
						{{i.storeName}}
					</view>
					
					<view class="orderlistItem_time">
						{{i.createTime}}
					</view>
				</view>
				
				
			</view>
		</view>
	</view>
</template>

<script>

	
	export default {
		
		props: {
			info: {
				type: Object,
				required: false
			},
			listArr: {
				type: Array,
				required: false
			}
		},
		data() {
			return {
				
			}
		},
		
	
		mounted() {
			console.log(this.listArr)
		},
		
		onLoad() {
			console.log('onload')
		},
		onShow() {
			console.log('show')
		},
		
		
		methods: {
			goTixian(){
				uni.navigateTo({
					url: "/pages/fenxiao/tixian"
				})
			},
			
		}
	}
</script>

<style scoped>
	.fenxiaoInfo{
		width: 100%;
		
		
	}
	
	.title {
		width: 100%;
		height: 155rpx;
		line-height: 155rpx;
		text-align: center;
		background: #ffffff;
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 36rpx;
		color: #333333;
	}
	
	.infoMoney {
		width: 100%;
		height: 368rpx;
		padding: 10rpx 30rpx 30rpx 30rpx;
		background: url("../../static/fenxiaoImg/infoBg.png") no-repeat;
		background-size: 100% 100%;
	}
	
	.infoMoney_title {
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 26rpx;
		color: #FFFFFF;
		padding-left: 30rpx;
		padding-top: 30rpx;
	}
	
	.infoMoney_center {
		width: 100%;
		height: 65rpx;
		line-height: 65rpx;
		padding: 0 30rpx;
		margin-top: 68rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.money {
			height: 100%;
			font-family: inpinheiti;
			font-weight: 400;
			font-size: 76rpx;
			color: #FFFFFF;
		}
		
		.text {
			height: 100%;
			font-family: inpinheiti;
			font-weight: 400;
			font-size: 32rpx;
			color: #FFFFFF;
			
		}
	}
	
	.infoMoney_last {
		width: 100%;
		margin-top: 57rpx;
		padding: 0 30rpx;
		height: 32rpx;
		line-height: 32rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 32rpx;
		color: #FFFFFF;
	}
	
	.orderdetailview {
		width: 100%;
		height: 71rpx;
		line-height: 71rpx;
		padding: 0 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 36rpx;
		color: #1A1A1A;
	}
	
	.orderlistview {
		width: 100%;
		padding: 30rpx;
		margin-top: 20rpx;
	}
	.orderlistItem {
		width: 100%;
		height: 133rpx;
		background: #ffffff;
		border-radius: 15rpx;
		margin-bottom: 36rpx;
	}
	
	.orderlistItemflex {
		width: 100%;
		height: 28rpx;
		padding: 50rpx 30rpx 0 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.orderlistItemflex2 {
		width: 100%;
		height: 28rpx;
		padding: 0 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 30rpx;
	}
	
	.orderlistItem_title {
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 28rpx;
		color: #333333;
		width: 60%;
	}
	
	.orderlistItem_money {
		flex: 1;
		text-align: right;
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 28rpx;
		color: #FE3F10;
	}
	
	.orderlistItem_name {
		font-family: Microsoft YaHei;
		font-weight: 400;
		font-size: 24rpx;
		color: #808080;
	}
	
	.orderlistItem_time {
		font-family: inpinheiti;
		font-weight: 400;
		font-size: 24rpx;
		color: #808080;
	}
</style>
